<template>
  <div v-if="em">
    <div class="box-wrap">
      <!--div class="box" v-for="(item, index) in em.stack" :key="index" :style="item.style()">{{ item.type.value }}</div-->
    </div>
  </div>
</template>
<script>
import { ref, markRaw } from 'vue'
import { ExchangeMapUnit } from './class/ExchangeMap.js'
import ExchangeMap from './class/ExchangeMap.js'
export default {
  data() {
    return {
      em: null
    }
  },
  methods: {
    add() {
      console.log(`helloworld`)
    }
  },
  mounted() {
    let em = new ExchangeMap()
    this.em = em

    new ExchangeMapUnit()
  }
}
</script>
<style type="text/css">
.box {
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  &-wrap {
  }
}
</style>
